<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';

	/*向右的三角形*/
	.triangle-right {
		width: 0;
		height: 0;
		border-top: 50px solid transparent;
		border-bottom: 50px solid transparent;
		border-left: 100px solid red;
	}

	.triangle-left {
		width: 0;
		height: 0;
		border-top: 50px solid transparent;
		border-bottom: 50px solid transparent;
		border-right: 100px solid white;
	}

	.article-list-nav {
		margin: 16px;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #ccc;

		>view {
			padding: 10px;
		}

		view.active {
			border-bottom: 2px solid #0055ff;
		}
	}

	.article-list {

		.article-list-item {
			height: 70px;
			margin: 16px;
			display: flex;
			border-bottom: 1px solid #ccc;
			.article-list-item-thumb {
				border-radius: 10px;
				overflow: hidden;
				flex: 0 0 200rpx;
				margin-right: 10px;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
		}
	}
</style>